<template>
	<view>
		<view class="top1">
			<view @click="fh" class="right_arrow"></view>
		</view>
		<div class="g1">
			<image class="i1" src="/static/i1.png"></image>
			<text class="t1">今日签到 \n 立领积分</text>
		</div>
		<text class="t2">积分剩余：10</text>
		<div class="g2">
			<image class="i2" src="/static/i2.png"></image>
			<text class="t3a">+1</text>
			<text class="t3b">+1</text>
			<text class="t3c">+2</text>
			<text class="t3d">+3</text>
			<image class="gou1" src="/static/gou.png"></image>
			<image class="line1" src="/static/line.png"></image>
			<image class="gou2" src="/static/gou.png"></image>
			<image class="line2" src="/static/line.png"></image>
			<image class="gou3" src="/static/gou.png"></image>
			<image class="line3" src="/static/line.png"></image>
			<image class="gou4" src="/static/gou.png"></image>
			<image class="i3" src="/static/i1.png"></image>
			<text class="t4">签到</text>
			<image class="i5" src="/static/i1.png"></image>
			<text @click="qd" class="t5">去浏览，领更多积分</text>
		</div>
		<div class="g3">
			<text class="jf">积分商城</text>
		</div>
		<div class="g4">
			<image class="i6" src="/static/i2.png"></image>
			<image class="fl" src="/static/肥料.png"></image>
			<text class="feiliao">肥料500g</text>
			<image class="dhk1" src="/static/k3.png"></image>
			<text class="dh1">兑换</text>
			<image class="bz" src="/static/电话.png"></image>
			<text class="dhbz">电话帮助券</text>
			<image class="dhk2" src="/static/k3.png"></image>
			<text class="dh2">兑换</text>
		</div>
		<view style="background-color: #F95738;width: 100%;
		  height: 120rpx;
		  position:fixed;
		  bottom: 0;
		  display:flex;
		  flex-direction:row;
		  justify-content:flex-start;">
		   <view @click="gotohome" id="button1">
		   <image src="/static/home.png" style="width: 60rpx;height: 60rpx;margin-left: 50rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 47rpx;font-weight: 900;">首页</view>
		   </view>
		   <view @click="gotozf" id="button2">
		   <image src="/static/zf.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 190rpx;font-weight: 900;">一键转发</view>
		   </view>
		   <view @click="gotomy" id="button3">
		   <image src="/static/me.png" style="width: 60rpx;height: 60rpx;margin-left: 170rpx;margin-top: 10rpx;"></image>
		   <view style="margin-left: 170rpx;font-weight: 900;">我的</view>
		   </view>
		  </view>
		
	</view>
</template>

<script>
	export default{
		methods:{
			qd(){
				uni.navigateTo({
					url:"/pages/my/jx/sf/fl/fl"
				})
			},
			gotohome(){
				uni.navigateTo({
					url:"/pages/index/index"
				})
			},
			gotozf(){
				uni.navigateTo({
					url:"/pages/zf/zf"
				})
			},
			gotomy(){
				uni.navigateTo({
					url:"/pages/my/my"
				})
			},
			fh(){
				uni.navigateBack({
					url:"/pages/my/jx/sf/sf"
				})
			}
			
		}
	}
	
</script>

<style>
	.top1{
		width: 100%;
		height: 130rpx;
		background-color: #F95738;	
	
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
	}
	.right_arrow{
	    border:  solid white;
	    border-width: 5px 0 0 5px;
	    padding: 15rpx;
	    position: absolute;
		top:70rpx;
	    left: 45rpx;
	    transform: rotate(-45deg);
	    -webkit-transform:rotate(-45deg) ;
	}
	.g1{
		display: flex;
		flex-direction: row;
	}
	.i1{
		width: 550rpx;
		height: 170rpx;
		position: relative;
		margin-top: 35rpx;
		margin-left: 90rpx;
	}
	.t1{
		font-size:55rpx;
		font-weight: bold;
		position: absolute;
		margin-top: 50rpx;
		margin-left: 250rpx ;
	}
	.t2{
		display: flex;
		font-size: 40rpx;
		color: rgba(112, 112, 112, 1);
		margin-left: 35rpx;
		margin-top: 40rpx;
	}
	.g2{
		display: flex;
		/* flex-direction: row; */
		
	}
	.i2{
		width: 690rpx;
		height: 380rpx;
		margin-top: 20rpx;
		margin-left: 25rpx;
		position: relative;
	}
	.t3a{
		position: absolute;
		font-size: 50rpx;
		color: rgba(112, 112, 112, 1);
		margin-top: 35rpx;
		margin-left: 80rpx;
	}
	.t3b{
		position: absolute;
		font-size: 50rpx;
		color: rgba(112, 112, 112, 1);
		margin-left: 250rpx;
		margin-top: 35rpx;
	}
	.t3c{
		position: absolute;
		font-size: 50rpx;
		color: rgba(112, 112, 112, 1);
		margin-left: 420rpx;
		margin-top: 35rpx;
	}
	.t3d{
		position: absolute;
		font-size: 50rpx;
		color: rgba(112, 112, 112, 1);
		margin-left: 590rpx;
		margin-top: 35rpx;
	}
	.gou1{
		width: 65rpx;
		height: 65rpx;
		position: absolute;
		margin-top: 105rpx;
		margin-left: 85rpx;
	}
	.line1{
		width: 107rpx;
		height: 20rpx;
		position: absolute;
		margin-top: 125rpx;
		margin-left: 148rpx;
	}
	.gou2{
		width: 65rpx;
		height: 65rpx;
		position: absolute;
		margin-top: 105rpx;
		margin-left: 250rpx;
	}
	.line2{
		width: 107rpx;
		height: 20rpx;
		position: absolute;
		margin-top: 125rpx;
		margin-left: 313rpx;
	}
	.gou3{
		width: 65rpx;
		height: 65rpx;
		position: absolute;
		margin-top: 105rpx;
		margin-left: 415rpx;
	}
	.line3{
		width: 117rpx;
		height: 20rpx;
		position: absolute;
		margin-top: 125rpx;
		margin-left: 478rpx;
	}
	.gou4{
		width: 65rpx;
		height: 65rpx;
		position: absolute;
		margin-top: 105rpx;
		margin-left: 590rpx;
	}
	.i3{
		position: absolute;
		width: 200rpx;
		height: 100rpx;
		margin-top: 175rpx;
		margin-left: 260rpx;
	}
	.t4{
		position: absolute;
		margin-top: 185rpx;
		margin-left: 300rpx;
		font-size: 60rpx;
		font-weight: bold;
	}
	.i5{
		position: absolute;
		width: 550rpx;
		height: 90rpx;
		margin-top: 300rpx;
		margin-left: 90rpx;
	}
	.t5{
		font-size: 55rpx;
		position: absolute;
		margin-top: 305rpx;
		margin-left: 120rpx;
	}
	.jf{
		display: flex;
		font-size: 50rpx;
		color: rgba(112, 112, 112, 1);
		margin-left: 35rpx;
		margin-top: 5rpx;
	}
	.g4{
		display: flex;
		flex-direction: row;
		position: relative;
	}
	.i6{
		width: 690rpx;
		height: 300rpx;
		margin-top: 10rpx;
		margin-left: 25rpx;
		position: absolute;
	}
	.fl{
		position: absolute;
		width: 120rpx;
		height: 120rpx;
		margin-top: 25rpx;
		margin-left: 50rpx;
	}
	.feiliao{
		font-size: 55rpx;
		position: absolute;
		margin-top: 55rpx;
		margin-left: 210rpx;
		
	}
	.dhk1{
		position: absolute;
		width:150rpx;
		height: 85rpx;
		margin-top: 45rpx;
		margin-left: 520rpx;
	}
	.dh1{
		position: absolute;
		font-size: 50rpx;
		margin-top: 50rpx;
		margin-left: 545rpx;
	}
	.bz{
		position: absolute;
		width: 120rpx;
		height: 120rpx;
		margin-top: 170rpx;
		margin-left: 50rpx;
	}
	.dhbz{
		font-size: 55rpx;
		position: absolute;
		margin-top: 200rpx;
		margin-left: 210rpx;
	}
	.dhk2{
		position: absolute;
		width:150rpx;
		height: 85rpx;
		margin-top: 190rpx;
		margin-left: 520rpx;
	}
	.dh2{
		position: absolute;
		font-size: 50rpx;
		margin-top: 200rpx;
		margin-left: 545rpx;
	}
</style>